<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</head>
<body>
 <h1>通过axios发出异步请求</h1>
 <input type="button" value="发出请求" onclick="f()">
 <h1>通过axios发出post请求</h1>
 <input type="button" value="post请求" onclick="postfn()">



 <script>
     function postfn() {
         //post请求如果需要传参，通过FormData对象传参
         let data = new FormData();
         data.append("info","xyz");
         //发起异步post请求
         axios.post("/helloAxios",data).then(function (response) {
             alert(response.data);
         })
     }

    function f(){
        //发出异步请求
       /* axios.get("/helloAxios").then(function (response) {
            //请求成功后执行的代码，response代表响应对象
            alert(response.data);
        }).catch(function (err) {
            //请求失败后执行的代码，err表示异常对象
            alert(err);
        })*/
        //如果请求出错时不需要做任何事情，可以省略后面的catch部分，
        // 不写catch，如果出错需要在控制台上查看错误
        axios.get("/helloAxios?info=abcd").then(function (response) {
            //请求成功后执行的代码，response代表响应对象
            alert(response.data);//response.data代表响应的数据
        })
    }
 </script>
</body>
</html>